import Vue from 'vue'
import Vuex from 'vuex'
//引入持久化包
import createPersistedState from 'vuex-persistedstate'

//因为vuex的数据是存储在程序的内存中,一旦刷新浏览器,那么就会清空内存,不能实现持久化
//注册vuex
Vue.use(Vuex)

//暴露vuex实例,创建vuex实例 仓库是一个js对象
export default new Vuex.Store({
  //核心配置项
  //唯一存放数据的地方
  //配置持久化插件
  plugins: [createPersistedState()],
  state: {
    token:''
  },
  //派生新数据
  getters: {
  },
  //同步修改数据
  mutations: {
    updataToken(state,newToken){
      state.token=newToken
      //localStorage.setItem('token',newToken)
    }
  },
  //异步修改数据
  actions: {
  },
  //模块化
  modules: {
  }
})
